<template>
  <div class="User">
    <h1>User: {{$route.params.uname}}</h1>
    <h1>User: {{uname}}</h1>
  </div>
</template>

<script>
export default {
  name: "User",
  computed: {
    uname() {
      const { uname } = this.$route.params
      return uname
    }
  },
  created() {
    // const { uname } = this.$route.params
    // console.log(uname)
  }
}
</script>

<style scoped>

</style>
